$re: 75;
html {
  background-color: #000;
  color: #666;
  overflow: hidden;
  font-size: 12rem / $re;
  * {
    margin: 0;
    padding: 0rem / $re;
    list-style: none;
  }
  body {
    font-size: 9rem / $re;
    span {
      display: block;
      float: left;
    }
    .on {
      color: #fff;
    }
    .wrapper {
      width: 200rem / $re;
      height: 200rem / $re;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -100rem / $re;
      margin-left: -100rem / $re;
      .timeBox {
        position: absolute;
        width: 200rem / $re;
        height: 200rem / $re;
        top: 0;
        left: 0;
        border-radius: 100%;
        transition: all 0.5s;
        span {
          transition: all 0.5s;
          float: left;
          position: absolute;
          left: 50%;
          top: 50%;
          width: 40rem / $re;
          height: 18rem / $re;
          margin-top: -9rem / $re;
          margin-left: -20rem / $re;
          text-align: right;
        }
      }
    }
  }
}
